    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;*/
    }
    /*第一屏*/
    .swiper-slide.one{
    	background: url(../img/01.png) no-repeat;
    	background-size: 100% 100%;
    	position: relative;
    }
    
    .swiper-slide.one .top{
    	width: 40%;
    	height: 35%;
    	/*border: #F4A460 3px solid;*/
    	position: absolute;
    	top: 5%;
    	left: 5%;
    	overflow: hidden;
    	
    }	
    	
    .swiper-slide.one .top img{
    	width: 100%;
    	
    }	
    
    .swiper-slide.one .btm{
    	width: 50%;
    	height: 55%;
    	/*border: #F4A460 3px solid;*/
    	position: absolute;
    	bottom: 5%;
    	right: 5%;
    	overflow: hidden;
	
    }
    
    .swiper-slide.one .btm img{
    	width: 100%;
    	
    }	
    
    .swiper-slide.one h1{
    	color:#483D8B ;
    	font-family: "微软雅黑";
    	position: absolute;
    	top: 15%;
    	right: 13%;

    }
    
    .swiper-slide.one .qe{
		width: 10%;
		position: absolute;
    	bottom: 5%;
	}	
    
    /*第一屏结束*/
    
	    /*音乐区域*/
	#music{
		width: 60px;
		height: 60px;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 999;
	}
	@keyframes m{
		from{
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
		}
		to{
			-moz-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
		}
	}
	#music .music_bg{
		width: 60px;
		height: 60px;
	}
	
	#music .music_pic{
		position: absolute;
		left: 8px;
		top: 8px;
		-moz-animation: m 3s infinite linear;
		-webkit-animation: m 3s infinite linear;
		-ms-animation: m 3s infinite linear;
		-o-animation: m 3s infinite linear;
	}
	/*音乐区域结束*/
    
    /*第二屏*/
    .swiper-slide.two{
    	background: url(../img/02.png) no-repeat;
    	background-size: 100% 100%;
    }
    	
    .swiper-slide.two .top{
    	width: 40%;
    	height: 35%;
    	/*border: #F4A460 3px solid;*/
    	position: absolute;
    	top: 5%;
    	left: 5%;
    	overflow: hidden;
	transform: rotate(-5deg);
	-webkit-transform: rotate(-10deg);
    }
    
    .swiper-slide.two .center{
    	width: 55%;
    	height: 35%;
    	/*border: #F4A460 3px solid;*/
    	position: absolute;
    	top: 35%;
    	right: 5%;
    	overflow: hidden;
    	
    }
    
    .swiper-slide.two .btm{
    	width: 45%;
    	height: 30%;
    	/*border: #F4A460 3px solid;*/
    	position: absolute;
    	bottom: 5%;
    	left: 5%;
    	overflow: hidden;
		transform: rotate(-5deg);
	-webkit-transform: rotate(-10deg);
    }
	
	.swiper-slide.two .fc{
		width: 25%;
		position: absolute;
    	/*top: 5%;*/
    	right: 30%;
	}	
	/*第二屏结束*/